<template>
	<view>
		<view class="backgroud">
			<view class="title">扫码结果{{res}} </view>
		</view>
		<view class="conent">
			<view class="scancode" v-for="item in 10" :key="item">
				<view class="header"> 算法罗技与程序设计(软件普通1）</view>
				<view class="add">东实训楼1号楼南楼209-楼宇智能化技术应用实训室(一)</view>
				<view class="teacher">朱珊珊@20190923(1-2节，3-4节）</view>
				<view class="bar">
					<view class="jiancha">待检查</view>
					<view class="tianxie">填写</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import card from '../../components/chehkCard.vue'
	import { scancode } from '../../request/scanCode.js'
	export default {
		onLoad(option) {
			console.log(option.res)
			this.res = option.res
		},
		data() {
			return {
				res:'',
			}
		},
		async mounted() {
			await scancode()
		},
		methods: {
			
		},
		components:{
			card
		}
	}
</script>

<style lang="scss" scoped>
.scancode{
	
	height:157px;
	background:rgba(248,248,251,1);
	border-radius:5px;
	padding: 0px 20px;
	margin-bottom: 10px;
	.bar{
		display: flex;
		justify-content: space-between;
		height: 44px;
		align-items: center;
		.jiancha{
			font-size:13px;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,78,94,1);
		}
		.tianxie{
			width:75px;
			height:26px;
			background:rgba(64,89,255,1);
			border-radius:13px;
			text-align: center;
			line-height: 26px;
			font-size:12px;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(255,255,255,1);
		}
	}
	.teacher{
		font-size:12px;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(57,66,91,1);
		border-bottom: 1px solid #F1F1F1;
		padding-bottom: 15px;
	}
	.add{
		font-size:12px;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(57,66,91,1);
		padding-bottom: 15px;
		padding-top: 10px;
	}
	.header{
		height: 40px;
		line-height: 40px;
		font-size:14px;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(57,66,91,1);
	}
}
.conent{
	margin: 0 30px;
	position: relative;
	margin-top: -16vh;
	z-index: 100;
}
.backgroud{
	width: 100%;
	position: relative;
	height: 30vh;
	background:rgba(64,89,255,1);
	border-radius:0px 0px 20px 20px;
	.title{
		position: absolute;
		top: 50px;
		left: 30px;
		font-size:21px;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(255,255,255,1);
	}
}
</style>
